/*------------ painel ------------*/
html {
	background: #000;
}
.pagPainel {
	background: #000 url(../../../imagens/painelFundo.gif) repeat-x top;
	color: #fff;
	height: 100%;
}
.pagPainel #container {
	width: auto;
	position: static !important;
	padding: 40px 40px 20px 40px;
}
.pagPainel #center {
	background: none;
	float: none !important;
}
.pagPainel #conteudo {
	background: none;
	padding: 0;
	border: 2px solid #666;
	padding: 30px 20px 20px 20px;
    min-height:90%;
}
.pagPainel .mensagem {
	padding: 0 0 20px 0;
	margin: 0 40px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
}
.pagPainel #topo, .pagPainel #rodape {
	display: none;
}
.pagPainel #conteudo h2 {
	color: #fff;
	font: 30px 'arial black', arial, tahoma, verdana;
	font-weight: bold;
	text-transform:uppercase;
	position: absolute;
	top: 8px;
	width: 100%;
	left: 0;
	text-align: center;

}
.pagPainel #conteudo h2 span {
	background:#042445;
	padding: 10px;
}
.pagPainel #conteudo .hora {
	color: #fff;
	font: 20px 'arial black', arial, tahoma, verdana;
	font-weight: bold;
	text-transform:uppercase;
	position: absolute;
	right: 35px;
	top: 5px;
}
.pagPainel table {
	color: #000;
	border: 2px solid #fff;
	margin-top: 0;
	border-collapse: separate;
	border-top: none;
	background: #fff;
	border-spacing: 2px;
}
.pagPainel table tbody tr.even td {
	background-color: #ECECEC;
	border: 1px solid #CFCFCF;
}
.pagPainel table tbody tr.odd td {
	background-color: #D8D8D8;
	border: 1px solid #B1B1B1;
}
.pagPainel table caption {
	color: #fff;
	border: 2px solid #fff;
	border-bottom: none;
	text-transform: uppercase;
}
.pagPainel table tbody tr td.title_vertical {
	color: #fff;
	font-weight: bold;
	font-size:14px;
	border: 2px solid #CFCFCF;
	text-transform: uppercase;
	width:1px;
	vertical-align:middle;
	text-align:center;
}
.pagPainel table tfoot td {
	font-weight: bold;
    font-size:14px;
}
.pagPainel table thead th {
	text-transform: uppercase;
	text-align: left !important;
}

.pagPainel table th, .pagPainel table td {
	padding: 3px;
	font-weight: bold;
	text-align: center;
}
.pagPainel div.total {
	background: #FEA;
	color: #000;
	font: 16px 'arial black', arial, tahoma, verdana;
	font-weight: bold;
	text-align: left;
	text-transform:uppercase;
	border: 1px solid #D6B532;
	padding: 10px;
	margin: 0 0;
}

.pagPainel div.total strong{
	padding-right:208px;
}

.pagPainel div.totalWM {
	background: #FEA;
	color: #000;
	font: 16px 'arial black', arial, tahoma, verdana;
	font-weight: bold;
	text-align: left;
	text-transform:uppercase;
	border: 1px solid #D6B532;
	padding: 4px;
	margin: 0 0;
}

.pagPainel div.totalWM strong{
	padding-right:239px;
}

.pagPainel table tbody th,.pagPainel table tfoot th {
	text-align: left;
	background: #CCC;
	border: 1px solid #9D9D9D;
}
.pagPainel table.resumo tfoot td {
	background: #E1E1E1;
	border: 1px solid #9B9B9B;
}
.pagPainel table tfoot tr.verde th {
	text-transform: uppercase;
}
.pagPainel table tfoot tr.verde th, .pagPainel table tfoot tr.verde td {
	border: none;
	background: #B0EDB0;
}

/* --------- cores das tabelas dos paineis ------------*/
.pagPainel table.azul caption {
	background: #004180;
}
.pagPainel table.azul thead th {
	background-color: #C3E3FF;
	color: #004180;
	border: 1px solid #004180;
}
.pagPainel table.azul thead th.headerSortDown, .pagPainel table.azul thead th.headerSortUp {
	background-color: #8ECAFE;
}
.pagPainel table tbody tr td.azul {
	background: #004180 ;
}

.pagPainel table.vermelho caption {
	background: #A00;
}
.pagPainel table.vermelho thead th {
	background-color: #FFD5D5;
	color: #880E0E;
	border: 1px solid #BF3C3C;
}
.pagPainel table.vermelho thead th.headerSortDown, .pagPainel table.vermelha thead th.headerSortUp {
	background-color: #FFADAD;
}
.pagPainel table tbody tr td.vermelho {
	background: #A00 ;
}

.pagPainel table.verde caption {
	background: #196619;
}
.pagPainel table.verde thead th {
	background-color: #C2F1C2;
	color: #196619;
	border: 1px solid #68A668;
}
.pagPainel table.verde thead th.headerSortDown, .pagPainel table.verde thead th.headerSortUp {
	background-color: #92F892;
}
.pagPainel table tbody tr td.verde {
	background: #196619 ;
}

.pagPainel table.roxo caption {
	background: #7600AA;
}
.pagPainel table.roxo thead th {
	background-color: #E5C2F1;
	color: #7600AA;
	border: 1px solid #8E68A6;
}
.pagPainel table.roxo thead th.headerSortDown, .pagPainel table.roxo thead th.headerSortUp {
	background-color: #D992F8;
}
.pagPainel table tbody tr td.roxo {
	background: #7600AA ;
}


.pagPainel table.amarelo caption {
	background: #B8960C;
}
.pagPainel table.amarelo thead th {
	background-color: #FFEEAA;
	color: #E9A300;
	border: 1px solid #C68D01;
}
.pagPainel table.amarelo thead th.headerSortDown, .pagPainel table.amarela thead th.headerSortUp {
	background-color: #FFE16A;
}
.pagPainel table tbody tr td.amarelo {
	background: #B8960C ;
}


.pagPainel .mensagem  label {
	padding:3px 3px 3px 3px;
    padding-left:5px;
	color:#ffffff;
}

.pagPainel .mensagem  span {
	background-color:#535455;
	padding:3px 3px 3px 3px;
}

/*
### criando novas cores de tabelas
eh muito simples: copie as linhas abaixo para fora do comentario:

.pagPainel table.amarela caption {
	background: #B8960C;
}
.pagPainel table.amarela thead th {
	background-color: #FFEEAA;
	color: #E9BC00;
	border: 1px solid #E9BC00;
}
.pagPainel table.amarela thead th.headerSortDown, .pagPainel table.amarela thead th.headerSortUp {
	background-color: #FFE16A;
}

e altere o nome da cor da classe para a cor da sua preferencia (ex: marrom).
Depois eh soh alterar o valor das cores (em hexadecimal)  e aplicar a classe na tabela:

<table class="sortida marrom">
...

*/
